
<section>
    <h2>Reporte de Becarios </h2>
</section>


<form name="filtro" method="post" id="filtro"   target="_blank">

            <p> 
                <label for="start" >Fecha Inicio:</label><input id="start" name="start" style="width: 200px" tabindex="1"/>
            
                <label for="id_fuente_fondo" id="lid_fuente_fondo">Proyectos</label>
                    <select class="select" style="width:300px;" tabindex="2" id="id_proyecto" name="id_proyecto">
                        <option value="0">Todos</option>';
                    <?php     
                        foreach($proyectos as $val) 
                        {             
                                  echo' <option value="'.$val['id_proyecto'].'">'.ucwords($val['nombre']).'</option>';
                    
                        } 
                    ?>
                                                                
                    </select>

            </p>
            <p>
                    <label for="end">Fecha Final:</label><input id="end" name="end" style="width: 200px" tabindex="4"/>                    
                    <label for="id_seccion" id="lservicio_de">Alumnos</label>
                    <select class="select" style="width:300px;" tabindex="4" id="id_alumno" name="id_alumno" >
                            <option value="0">Todos</option>';
                            <?php
                                foreach($becarios as $val) {
                                echo '
                                    <option value="'.$val['id_estudiante'].'">'.ucwords($val['estudiante']).'</option>';
                                }
                            ?>
                           
                    </select>               
            </p>
            <p align="center">
                    <button  id="imp1" class="button tam-1 requerido" formaction="<? echo base_url()?>index.php/becarios/control_pdf">Hoja de Control</button>
                    <button  id="imp2"class="button tam-1 requerido" formaction="<? echo base_url()?>index.php/becarios/constancia_pdf">Constancia</button>
                    <button type="button" id="Filtrar" class="button tam-1" >Filtrar</button>                    

            </p>

</form>
<br><br>

<table cellspacing='0' align='center' class='table_design' id="datos" >
            <thead>
               <th>
                    Actividad
                </th>
                <th>
                   Fecha
                </th>
               <th>
                    Horas
                </th>
            </thead>
            <tbody>
            </tbody>
        </table>


    <!----------------------------------------------------------------------------------------------------------------- -->

<script language="javascript" >
    $("#Filtrar").click(function(){             

            var formu = $('#filtro').serializeArray();
        //    console.log(formu); 

        reporte(formu);
        });

    function reporte(formu){  
                $.ajax({
            async:  true, 
            url:    base_url()+"index.php/becarios/reporte_json",
            dataType:"json",
             type: "POST",
            data: formu,
            success: function(data){
              
              
              //preparacion de datos para armar tabla
              var id_proyecto = formu[2].value;
              var id_alumno = formu[5].value;


                tabla(data, id_proyecto, id_alumno) 
                if (data.length==0){   alertify.alert('No hay información que mostrar');}
                },
                  error:function(data){

                

                 alertify.alert('Error al cargar datos');
          
                }
        });          
        
    }
///////////////////para reportes impremibles

$(".requerido").click(function(e){          //   
  
            
            var id1= $('#id_alumno').val()
            var id2= $('#id_proyecto').val()

            if (id1=="" || id1==0  || id2=="" || id2==0) { //verificamos que el proyecto y el alumno si esten seleccionados
                alertify.alert("Debe de selecinar un proyecto y un alumno");
                return false;
            }else{
                return true;                
          }

        });


</script>

<script src="<?php echo base_url()?>js/views/reporte_becarios.js" type="text/javascript"></script>